<template>
    <div>
        <div class="hot" v-for="(item,index) in list" :key="index">
            <div > 
                <p>{{item.title}}</p>
                <span>{{item.virtualReadNumber}} 阅读</span>
                <span>{{item.projectCode}} 作者</span>
            </div>
            <navigator :url="`../hotdetail/index?transmitDescribe=${item.transmitDescribe}&time=${item.publicTime}&title=${item.title}&man=${item.projectCode}&img=${item.coverPicture}`">
            <img :src="item.coverPicture" alt="">
            </navigator>
        </div>
    </div>
</template>

<script>
import list from '../../static/json/hot'
export default {
    data(){
        return{
            list:list.data.list,
        }
    },
}
</script>

<style lang='scss' scoped>
    .hot{
        display:flex;
        >div{
            width: 170px;
            height: 150px;
            display: flex;
            flex-wrap: wrap;
            padding: 5px;
            span{
                color:#666;
                font-size: 13px;
                margin-right: 10px;
            }
        }
        img{
            width: 120px;
            height: 100px;
            padding: 5px;
            border-radius: 20px;
        }
    }
</style>
